<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>理财</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link href="../css/icons-extra.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<script src="../js/mui.js"></script>
		<header class="mui-bar mui-bar-nav">
			<a class=" mui-icon  mui-pull-left"><span class="mui-icon-extra mui-icon-extra-sweep "></span></a>
			<a href="vtSearch.html">
				<div class="mui-input-row mui-search">
					<input type="search" class="mui-input-clear whiteBg" placeholder="搜索">
				</div>
			</a>
		</header>
		<div id="">
			<div
				style="margin-top: 45px; height: 150px;background-size: 100% 150px;background-image: url(../img/licaitop.jpg);">
				<div style="font-size: 30px;text-align: left;line-height: 150px;padding-left: 20px;color: white;">
					理财就选钱票子</div>
			</div>
			<div class="mui-content">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" id="goumai">
						<div style="float: left;height: 20px;width: 98%;margin:0px auto ;">
							<a>活期理财</a>
						</div>

						<a class="mui-navigate-right" style="padding-bottom: 0;">
							<h5>2021年9月17022</h5>
						</a>
						<hr>
						<div style="width: 130px;height: 70px;float: left;">
							<h1>6.62%</h1>
							<p>预计本年收益率</p>
						</div>
						<div style="width: 130px;height: 70px;float: left;text-align: center;padding-top: 10px;">
							<p>投资天数<a>34</a>天</p>
							<p>投资金额<a>1000</a>元</p>

						</div>
						<div style="width: 100px;height: 70px;float: left;">
							<div
								style="width: 60px;height: 60px; border-radius:50%;border: 1px solid red;text-align: center;padding-top: 15px;float: right;">

								<span>
									<h4>80%</h4>
								</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="mui-content">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<div style="float: left;height: 20px;width: 150px;">
							<a>活期理财</a>

						</div>
						<a class="mui-navigate-right" style="padding-bottom: 0;">
							<h5>月月开9月17022</h5>

						</a>
						<hr>
						<div style="width: 130px;height: 70px;float: left;">
							<h1>6.62%</h1>
							<p>预计本年收益率</p>
						</div>
						<div style="width: 130px;height: 70px;float: left;text-align: center;padding-top: 10px;">
							<p>投资天数<a>34</a>天</p>
							<p>投资金额<a>1000</a>元</p>

						</div>
						<div style="width: 100px;height: 70px;float: left;">
							<div
								style="width: 60px;height: 60px; border-radius:50%;border: 1px solid red;text-align: center;padding-top: 15px;float: right;">

								<span>
									<h4>80%</h4>
								</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="mui-content">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<div style="float: left;height: 20px;width: 150px;">
							<a>活期理财</a>

						</div>
						<a class="mui-navigate-right" style="padding-bottom: 0;">
							<h5>月月开9月17022</h5>
						</a>
						<hr>
						<div style="width: 130px;height: 70px;float: left;">
							<h1>6.62%</h1>
							<p>预计本年收益率</p>
						</div>
						<div style="width: 130px;height: 70px;float: left;text-align: center;padding-top: 10px;">

							<p>投资天数<a>34</a>天</p>
							<p>投资金额<a>1000</a>元</p>

						</div>
						<div style="width: 100px;height: 70px;float: left;">
							<div
								style="width: 60px;height: 60px; border-radius:50%;border: 1px solid red;text-align: center;padding-top: 15px;float: right;">

								<span>
									<h4>80%</h4>
								</span>
							</div>
						</div>


					</li>
				</ul>
			</div>
			<div style="height: 45px;">

			</div>
		</div>
	</body>
	<script type="text/javascript">
		
	</script>
</html>
